<template>
  <div class="my-padded-tb-large">
    <div class="ui container">
      <div class="ui stackable grid">
        <div class="eleven wide column animate__animated animate__zoomInLeft">
          <div class="ui segment">
            <img src="https://chenyumengblog.oss-cn-hangzhou.aliyuncs.com/img/avatar.gif" alt="" width="100%" class="ui rounded image">
          </div>
        </div>
        <div class="five wide column animate__animated animate__zoomInRight">
          <div class="ui top attached segment">
            <div class="ui header">关于我</div>
          </div>
          <div class="ui attached segment">
            <h3>陳羽蒙</h3>
            <h4>热爱生活 记录所遇 分享所学</h4>
            <h4>一个小小的菜鸟码农，在浩瀚的01世界中实现自己的价值</h4>
            <p class="my-text">
              这是一个基于SpringBoot和Vue全家桶以及Mysql开发的个人网站，上传或转载编程笔记和干货，也会搬运好看的文章或英语阅读
            </p>
            <p class="my-text">
              你好，我是个喜欢运动，热爱阅读的软件专业在读学生，为了方便云端笔记，再加上自己喜欢动手尝试的原因，Chenyumeng这个网站建立了，在我的设想里，这个网站不该仅仅是代码，倘若只有代码实在难免枯燥，它会涉及到生活，我会在这里分享自己喜欢的文章，可能也会偶尔写写随笔，编程(学习/工作)或许是主旋律，但生活的点滴才是最棒的调味剂
            </p>
            <p class="my-text">羽蒙，一种怪物，它终日站在山边，试着用翅膀飞远一点，再飞远一点，但总是摔下来，总是惨败，但是它从不放弃。它需要等，等风来，风来了，它就能飞了。</p>
            <ul class="my-text ui list">
                <li>中央戏精学院本硕连读</li>
                <li>国家认证表情包斗图艺术家</li>
                <li>国家一级退堂鼓表演艺术家</li>
                <li>中国内心戏一级演员</li>
                <li>临阵脱逃办公室副主任</li>
                <li>国家一级拖延症代表</li>
                <li>知名做白日梦研究专家</li>
                <li>怕麻烦星人常住居民</li>
                <li>国家一级抬杠选手</li>
            </ul>
          </div>
          <div class="ui attached segment">
            <div class="ui blue basic left pointing label my-margin-tb-tiny">Java</div>
            <div class="ui blue basic left pointing label my-margin-tb-tiny">Mysql</div>
            <div class="ui blue basic left pointing label my-margin-tb-tiny">Mycat</div>
            <div class="ui blue basic left pointing label my-margin-tb-tiny">Linux</div>
            <div class="ui blue basic left pointing label my-margin-tb-tiny">Python</div>
            <div class="ui blue basic left pointing label my-margin-tb-tiny">Spring</div>
            <div class="ui blue basic left pointing label my-margin-tb-tiny">SpringBoot</div>
            <div class="ui blue basic left pointing label my-margin-tb-tiny">Mybatis</div>
            <div class="ui blue basic left pointing label my-margin-tb-tiny">...</div>
          </div>
          <div class="ui bottom attached segment">
            <a href="https://github.com/chen-yumeng" target="_blank" class="ui circular icon button"><i class="github icon"></i></a>
            <el-tooltip class="item" effect="dark" placement="bottom">
              <a class="ui circular icon button"><i class="weixin icon"></i></a>
              <div slot="content">
                <img src="../assets/images/weixin.jpg" alt="" style="width: 100px">
              </div>
            </el-tooltip>
            <el-tooltip class="item" effect="dark" content="2390651024" placement="bottom">
              <a class="ui circular icon button"><i class="qq icon"></i></a>
            </el-tooltip>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "About",
    activated() {
      this.$scrollTo('#Top')
    }
  }
</script>

<style scoped>

</style>
